<template>
	<div class="saler" v-tap="tapFn">
		<div class="listSlit"></div>
		<div class="list" @click="toastMsg('电话')">
			<div class="listleft">电话</div>
			<div class="listleft">13570463513</div>
			<div class="listright">拨打</div>
		</div>
		<div class="list">
			<div class="listleft">地址</div>
			<div class="listleft">广州市白云区123号</div>
			<div class="listright">></div>
		</div>
		<div class="listSlit"></div>
		<div class="list">
			<div class="listleft">配送时间</div>
			<div class="listleft">11:15-22:30</div>
		</div>
		<div class="list">
			<div class="listleft">配送服务</div>
			<div class="listleft">美团专送</div>
			<div class="listleft">送货快</div>
			<div class="listleft">准时到</div>
		</div>
		<div class="listSlit"></div>
		<div class="list">
			<div class="listleft">查看食品安全档案</div>
			<div class="listright">></div>
		</div>
		<div class="list">
			<div class="listleft">举报商家</div>
			<div class="listright">></div>
			<div class="listright">举报商家领取红包</div>
		</div>
	</div>
</template>

<script>
	import router from '../../../router'
	import Vue from 'vue'
	export default {
		name: "saler",
		components: {},
		data() {
			return {
				counter: 0,
				username: "yangguanyong",
				tapFn: null
			}
		},
		methods: {
			toastMsg: function(msg) {
				this.$toast(msg);
			}
		},
		mounted() {
			console.log(this.$msg);
		},
		created:function() {
			//左右滑动
			this.tapFn = {
				leftFn: function() {
				},
				rightFn: function() {
					router.replace("/shopping/buy");
				}
			}
		}
	}
</script>

<style>
	.saler .listleft {
		float: left;
		margin-left: 10px;
	}
	
	.saler .listright {
		float: right;
		margin-right: 10px;
	}
	
	.saler .list {
		overflow: auto;
		height: 40px;
		line-height: 40px;
		border-top: 1px solid #F4F4F4;
		border-bottom: 1px solid #F4F4F4;
	}
	
	.listSlit {
		height: 10px;
		width: 100%;
		background: #F4F4F4;
	}
</style>